@import './normalize.less';
@import './base.less';
@import './variable.less';

.mmb_header {
  background-color: #f4483e;
}
.mmb_footer {
  padding-top: 0;
}
.mmb_navList {
  background-color: #fff;
  .title {
    height: 70rem/@base;
    h5 {
      line-height: 70rem/@base;
      text-align: center;
      font-size: 26rem/@base;
      color: #9e9f9f;
      font-weight: 400;
    }
  }

  .content {
    padding-bottom: 40rem/@base;
    .item {
      padding: 20rem/@base;
      // height: 313rem/@base;
      border-bottom: 2rem/@base solid #e2e2e2;
      .left {
        width: 200rem/@base;
        float: left;
      }
      .right {
        float: right;
        width: 480rem/@base;
        .a {
          font-size: 24rem/@base;
          line-height: 40rem/@base;
        }
        .price {
          margin-top: 6rem/@base;
          font-weight: 700;
          font-size: 22rem/@base;
          span {
            font-size: 24rem/@base;
          }
        }
        .time {
          margin-top: 40rem/@base;
          margin-bottom: 15rem/@base;
          font-size: 24rem/@base;
          color: #ec6a0b;
        }
      }
    }
  }
}

.couponModal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  .imgBox {
    width: 350rem/@base;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
  }
  .left,
  .right {
    width: 24rem/@base;
    height: 46rem/@base;
    background: url(../images/icon_bar.png) -208rem/@base -21rem/@base;
    background-size: 440rem/@base 264rem/@base;
    position: absolute;
    top: 50%;
  }
  .left {
    left: 100rem/@base;
  }
  .right {
    right: 100rem/@base;
    transform: rotate(180deg)
  }
  .over {
    width: 100rem/@base;
    height: 100rem/@base;
    line-height: 90rem/@base;
    font-size: 100rem/@base;
    position: absolute;
    text-align: center;
    border: 5rem/@base solid #ccc;
    color: #ccc;
    right: 20rem/@base;
    top: 30%;
  }
}